<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <style>
        * {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        @font-face {
            font-family: 'iconfont';
            src: url('iconfont.ttf?t=1685953438844') format('truetype');
        }

        #bigbox {
            width: 1280px;
            margin: 0 auto;
        }

        #main {
            position: relative;
            display: flex;
            width: 1000px;
            margin: 0 auto;
        }

        #main_left {
            width: 230px;
        }

        .clear {
            width: 100%;
            background-color: white;
            height: 18px;
        }

        .left_title {
            background-color: #5bbff9;
        }
        #couple::before{
            content: '\e628';
            font-family: 'iconfont';
            margin:0 12px;
        }
        .left_title p {
            color: #fff;
            font-size: 14px;
            line-height: 40px;
        }

        .left_title_msg {
            border-bottom: 1px solid #78b9fa;
        }
        .left_title_msg p::before{
            content: '\e65f';
            font-family: 'iconfont';
            margin:0 12px;
        }
        .left_title_msg p {
            line-height: 30px;
            font-size: 12px;
            color: #323231;
            background-color: white;
        }
        #cellphone::before{
            content: '\e61b';
            font-family: 'iconfont';
            margin:0 12px;
        }
        .come {
            width: 100%;
            background-color: #ECECEC;
            padding-top: 18px;
            padding-bottom: 18px;
            background-color: white;
        }

        .come p {
            margin-left: 20px;
            margin-right: 20px;
            font-size: 12px;
            line-height: 24px;
        }

        #main_right {
            width: 770px;
        }

        #main_right_title {
            background-color: #72b8fe;
            height: 40px;
        }
        #main_right_title p::before{
            content: '\e8c6';
            font-family: 'iconfont';
            margin:0 12px;
        }
        #main_right_title p {
            font-size: 12px;
            line-height: 38px;
            font-weight: 550;
        }

        #neirong {
            width: 734px;
            height: 416px;
            background-color: #fff;
            color: #545454;
            font-size: 13px;
            padding-left: 18px;
            padding-right: 18px;
            padding-top: 20px;
        }

        #neirong span {
            font-weight: 550;
        }

        #neirong h4 {
            color: #6e6d6d;
        }

        .suojin {
            text-indent: 14px;
        }

        #neirong img {
            float: right;
            right: 0px;
            margin-top: -10px;
        }

        #footer {
            width: 1000px;
            background-color: #78b9fa;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            font-size: 14px;
            line-height: 30px;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        #footer span {
            margin-left: 10px;
            margin-right: 10px;
        }

        #bottom {
            width: 1000px;
            margin: 0 auto;
        }

        #bottom {
            text-align: center;
            background-color: #fff;
            line-height: 40px;
            font-size: 13px;
        }

        #bottom span {
            font-weight: 550;
        }
    </style>
</head>

<body>
<div id="bigbox">

    <div id="main">
        <div id="main_left">
            <div class="left_title">
                <p id="couple">关于我们</p>
            </div>
            <div class="clear">

            </div>
            <div class="left_title_msg">
                <p>项目简介</p>

            </div>
            <div class="left_title_msg">
                <p>开发团队</p>

            </div>
            <div class="left_title_msg">
                <p>反馈与改进</p>

            </div>
            <div class="left_title_msg">
                <p>维护与升级</p>

            </div>
            <div class="left_title_msg">
                <p>联系方式</p>

            </div>
            <div class="left_title_msg">
                <p>友情赞助</p>

            </div>
            <div class="clear">

            </div>
            <div class="left_title">
                <p id="cellphone">联系我们</p>
            </div>
            <div class="come">
                <p>通讯地址：广东省湛江市麻章区湖光镇广东海洋大学海乐大院b112</p>
                <p>邮政编码：524000</p>
                <p>联系电话：17875686109</p>
            </div>
        </div>
        <div id="main_right">
            <div id="main_right_title">
                <p>当前位置：首页 > 公司介绍 > 公司简介</p>
            </div>
            <div id="neirong">
                <p style="margin-bottom: 30px;"><span>项目介绍：</span>
                    体育馆管理系统旨在协助体育馆实现对用户、赛事、场地和器材等各方面信息的全面管理。该项目主要包含四个模块：用户管理模块、赛事管理模块、场地管理模块和器材管理模块。其中，用户管理模块用于管理会员信息和预订情况，赛事管理模块用于发布比赛信息和管理报名情况，场地管理模块用于管理场地租赁和预订情况，器材管理模块用于对器材进行管理和维护。
                </p>
                <h4>适用场景：</h4>
                <p class="suojin">
                    体育馆管理系统适用于管理不同类型的体育馆，如大型体育馆、小型健身房、团队训练场地等。该系统可帮助体育馆管理人员更好地管理场地、器材和赛事等信息，提高管理效率和服务质量。
                </p>
                <br><br><br>
                <h4>未来发展：</h4>
                <p>
                    随着信息化和智能化的不断深入，体育馆管理系统将进一步发展。未来，该系统可以通过增加人工智能、大数据分析等技术手段来提高效率、优化用户体验和提升运营效益。此外，该系统还可以与移动设备进行无缝连接，使得用户可以通过手机APP实现在线预订、支付和查询等操作。

                </p>
            </div>
        </div>
    </div>
    <div id="footer">
        <p>
            关于我们<span>|</span>联系方式<span>|</span>给我留言<span>|</span>系统投资<span>|</span>友情链接
        </p>
        <p>
            体育馆管理系统版权所有归海乐B112团体
        </p>
    </div>
    <div id="bottom">
        <p>
            Powered by
            <span>Cav</span>

        </p>
    </div>
</div>

</div>
</body>

</html>